.print {
  background: #f4f5f7;
  padding: 16px;
  display: flex;
  .left {
      width: 360px;
      margin-right: 16px;
      .print_editor {
          width: 100%;
          height: 6rem;
          margin-bottom: 16px;
          background-color: #fff;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 0.25rem;
          .card-item {
              border: none;
              background-color: #fff;
              flex: 1;
              padding-top: 10px;
              cursor: pointer;
              font-size: 13px;
              dl > dd {
                  padding: 10px 0;
              }
              img {
                  width: 1.875rem;
                  height: 1.875rem;
              }
              .disabled{
                  color: lightgray;
              }
          }
          .card-item:disabled{
              opacity: 0.4;
          }
      }
      .print_list {
          height: calc(100vh - 10rem - 48px);
          background-color: #fff;
          border-radius: 0.25rem;
          .ant-spin-nested-loading,.ant-spin-container{
              height: 100%;
          }

          .refresh {
              padding: 5px 5px 10px 0;
              img {
                  float: right;
                  width: 22px;
                  height: 20px;
                  cursor: pointer;
              }
          }
          .list {
              padding: 16px 10px;
              cursor: pointer;
              height: calc(100% - 15px);
              overflow: auto;
              li {
                  list-style: none;
                  background-image: url("../../assets/image/background.png");
                  background-repeat: no-repeat;
                  background-size: 100% 100%;
                  // height: 7rem;
                  padding: 1.5rem;
                  display: flex;
                  img {
                      width: 80px;
                      height: 62px;
                      margin-right: 12px;
                  }
                  .list_icon {
                      display: inline-block;
                      width: 6px;
                      height: 6px;
                      margin-right: 5px;
                      border-radius: 50%;
                      margin-bottom: 2px;
                  }
                  .list_icon_green {
                      background-color: #14b194;
                  }
                  .list_icon_orange {
                      background-color: #ef7507;
                  }
                  .list_icon_1 {
                      background-color: #3e75ff;
                  }
                  .list_icon_2 {
                      background-color: #d62020;
                  }
                  .name_1 {
                      color: #3e75ff;
                  }
                  .name_2 {
                      color: #d62020;
                  }
                  .red{
                      color: #d62020;
                  }
              }
              .active{
                  box-shadow: 0 0 8px 5px rgba(195, 238, 231, 0.3);
              }
          }
      }
  }
  .right {
    // width:400px;
      width: calc(100vw - 360px - 16px);
      // height: calc(100vh - 4rem - 32px);
      .current_task,
      .history_task {
          height: calc(50% - 16px);;
          margin-bottom: 16px;
          background-color: #fff;
          border-radius: 0.25rem;
          padding: 16px;
          .header {
              display: flex;
              justify-content: space-between;
              padding-bottom: 13px;
              font-size: 15px;
              border-bottom: 1px solid #f0f1f4;
              .title {
                  color: #262626;
                  font-weight: bold;
                  span {
                      display: inline-block;
                      height: 16px;
                      width: 4px;
                      border-radius: 2px;
                      background-color: #3e75ff;
                      margin-right: 8px;
                      vertical-align: text-bottom;
                  }
              }
              .search {
                  display: flex;
                  .ant-input-affix-wrapper {
                      margin-right: 10px;
                  }
              }
          }
          .ant-table-wrapper {
              margin: 10px 0;
              .ant-table-thead
                  > tr
                  > th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not(
                      [colspan]
                  )::before {
                  width: 0;
              }
              .ant-table {
                  border: 1px solid;
                  border-color: #f0f1f4;
                  border-radius: 2px;
              }
          }
      }
      .history_task {
          padding-bottom: 0;
          margin-bottom: 0;
          height: 50%;
      }
  }

}
.full-modal {
  .ant-modal {
    max-width: 100%;
    top: 0;
    padding-bottom: 0;
    margin: 0;
  }
  .ant-modal-content {
    display: flex;
    flex-direction: column;
    height: calc(100vh);
  }
  .ant-modal-body {
    flex: 1;
  }
}
